.live {
  width: 410px;
  min-height: 515px;
  background: rgba(0, 0, 0, 0.8);
  padding-bottom: 15px;

  >p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 15px;
    background-color: rgba(0, 0, 0, 1);

    >span {
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
    }
  }

  >section {
    display: flex;
    flex-direction: column;
    height: 190px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 15px;

    &::-webkit-scrollbar {
      display: none;
    }

    >div {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 15px;
      position: relative;

      >span {

        display: flex;
        justify-content: center;

        &:first-child {
          justify-content: flex-end;
          flex: 1;
        }

        &:last-child {
          justify-content: flex-start;
          flex: 1;
        }

        &:nth-child(2) {
          width: 30px;
          flex-shrink: 0;
        }

        display: flex;
        align-items: center;

        >i {
          font-style: normal;
        }
      }
    }
  }

  >h5 {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid var(--bgfff);
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: var(--fontfff);
    width: 100%;
    justify-content: center;
    margin: 0;
  }

  >aside {
    padding: 0 15px;

    :global(.ant-progress-inner) {
      background-color: rgba(0, 0, 0, 1);
    }

    :global(.ant-progress-outer) {
      display: flex;
    }

    >div {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 15px;

      &:first-child {
        margin-top: 0;
      }

      >div {
        &:nth-child(2) {
          transform: rotate(180deg);
        }
      }
    }

    .home {
      margin-right: 10px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
    }

    .away {
      margin-left: 10px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
    }

    .center {
      margin: 0 10px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: var(--fontfff);
      width: 85px;
      display: inline-block;
      text-align: center;
      // letter-spacing: 2px;
    }
  }
}